<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018/4/27
  Time: 11:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@include file="../common/web_top.jsp" %>
<title>客户统计</title>
<div ng-include="data" class="includeStyle">

    <div class="bgSortScroll">
        <!-- ngIf: HbHr.hr289 -->
        <div class="public-bgContent "   ng-if="HbHr.hr289">

            <!-- <div class="public-bgDate pub-data">
                <span><input type="text" autocomplete="off" id="PoInput-formDate" ng-focus="remHight()" ng-class="{'error':redErr.dateTime}" ng-model="param.beginTime"/>
                    <i class="iconfont icon-riqi"></i></span>
                <em>~</em>
                <span><input type="text" autocomplete="off" id="PoInput-toDate" ng-focus="remHight()" ng-class="{'error':redErr.dateTime}" ng-model="param.endTime"/>
                    <i class="iconfont icon-riqi"></i></span> -->
            <div class="public-bgDate pub-data">
                <%--<i class="client-pub">
                    <button class="btn-trans" data-time="1">今日</button>
                    <button class="btn-trans" data-time="2">本月</button>
                    <button class="btn-blue" data-time="3">本季度</button>
                </i>
                <div class="se-re">
                    <select id="year_list" ng-model="param.year" ng-options="i as i for i in yearS" ng-change="year()"
                            class="ng-pristine ng-valid ng-empty ng-touched">
                        <option value="" selected="selected">年份</option>
                    </select>
                    <script type="text/x-handlebars-template" id="year_list_tpl">
                        {{#each this}}
                        <option value="{{this}}">{{this}}</option>
                        {{/each}}
                    </script>
                    <span class="se-po"></span>
                </div>--%>
                <span>
            <input type="text" autocomplete="off" id="startTime" ng-focus="fromTo()" ng-model="param.startTime"
                   ng-class="{'error':redErr.dateTime}" placeholder="开始时间"
                   class="ng-pristine ng-valid ng-empty ng-touched datepicker">
            <i class="iconfont icon-riqi"></i>
        </span>
                <em>
                    ~
                </em>
                <span>
            <input type="text" autocomplete="off" id="endTime" ng-focus="fromTo()" ng-model="param.endTime"
                   ng-class="{'error':redErr.dateTime}" placeholder="结束时间"
                   class="ng-pristine ng-valid ng-empty ng-touched datepicker">
            <i class="iconfont icon-riqi"></i>
        </span>
                <div class="se-re">
                    <select id="department_list" ng-model="param.d2Id" ng-options="i.d2Id as i.d2Name for i in branchCmp"
                            ng-change="branchC()" class="ng-pristine ng-valid ng-empty ng-touched">

                        <option value="" class="" selected="selected">全部分公司</option>
                    </select>
                    <script type="text/x-handlebars-template" id="department_list_tpl">
                        {{#each this}}
                        <option value="{{d2Id}}">{{d2Name}}</option>
                        {{/each}}
                    </script>

                    <span class="se-po"></span>
                </div>
                <!--<select ng-options="item.ID as item.name for item in selejia1"
                        ng-model="data.addrProvince"
                        ng-change="selectjia('a')">
                        <option value="">选择省</option>
                </select>
                <select ng-options="item.ID as item.name for item in selejia2"
                        ng-model="data.addrCity"
                        ng-change="selectjia('b')">
                        <option value="">选择市</option>
                </select>
                <select ng-options="item.ID as item.name for item in selejia3"
                        ng-model="data.addrArea"
                        ng-change="selectjia('c')">
                        <option value="">选择区县</option>
                </select>-->
                <button class="sousuo" ng-click="btn()">
                    <i class="iconfont icon-sousuo"></i>
                </button>
                <button class="btn-trans" id="export"><i class="iconfont icon-export"></i>导出</button>
                <span class="count-right ">更新时间：2018/4/27 上午10:57:28</span>
            </div>
            <div class="data-span" id="personalData_list">

            </div>

            <script type="text/x-handlebars-template" id="personalData_list_tpl">

                <span>
                                <div class="">{{countAdd}}</div>
            <div class="">{{timeVal}}新增</div>
        </span>
                <span>
            <div class="">{{count}}</div>
            <div class="">{{timeVal}}累计客户总数</div>
        </span>
                <span>
            <div class="">{{countOverdue}}</div>
            <div class="">{{timeVal}}逾期客户</div>
        </span>
                <span>
            <div class="">{{countBad}}</div>
            <div class="">{{timeVal}}坏账客户</div>
        </span>
            </script>
            <div class="client-pic">客户画像</div>
            <div class="data-dubSpan">
        <span class="data-ec1" style="overflow: hidden">
            <div class="data-ch">
                <ul>
                    <li class="liec" ng-click="show('type',$event)">贷款类型</li>
                    <li>|</li>
                    <li class="liec" ng-click="show('areas',$event)">客户区域</li>
                    <li>|</li>
                    <li class="liec" ng-click="show('clientOd',$event)">客户订单</li>
                </ul>
            </div>
            <div class="ech1">
                <div class="ech-cir">
                    <span class="ech-span">暂无数据</span>
                </div>
            </div>
            <div class="echart1" id="echar1" ng-show="applyData.type" _echarts_instance_="ec_1524794526832"
                 style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"><div
                    style="position: relative; overflow: hidden; width: 588px; height: 292px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;"><canvas
                    width="588" height="292" data-zr-dom-id="zr_0"
                    style="position: absolute; left: 0px; top: 0px; width: 588px; height: 292px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div
                    style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 14px; font-family: &quot;Microsoft YaHei&quot;; line-height: 21px; padding: 5px; left: 248px; top: 53px;">贷款类型 <br>追加额度 : 1 (0.49%)</div></div>
            <div class="echart2 ng-hide" id="echar2" ng-show="applyData.areas" _echarts_instance_="ec_1524794526833"
                 style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"><div
                    style="position: relative; overflow: hidden; width: 588px; height: 292px; padding: 0px; margin: 0px; border-width: 0px;"><canvas
                    width="588" height="292" data-zr-dom-id="zr_0"
                    style="position: absolute; left: 0px; top: 0px; width: 588px; height: 292px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div></div></div>
            <div class="echart3 ng-hide" id="echar3" ng-show="applyData.areas" _echarts_instance_="ec_1524794526834"
                 style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"><div
                    style="position: relative; overflow: hidden; width: 588px; height: 292px; padding: 0px; margin: 0px; border-width: 0px;"><canvas
                    width="588" height="292" data-zr-dom-id="zr_0"
                    style="position: absolute; left: 0px; top: 0px; width: 588px; height: 292px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div></div></div>
        </span>
                <span class="data-ec2">
            <div class="data-ch">
                <ul>
                    <!-- <li class="liec" ng-click="show('carB',$event)">车品牌</li>
                    <li>|</li> -->
                    <li class="liec" ng-click="show('clientC',$event)">客户来源</li>
                    <li>|</li>
                    <li class="liec" ng-click="show('loanDl',$event)">借款期限</li>
                </ul>
            </div>
            <div class="ech1">
                <div class="ech-cir">
                    <span class="ech-span">暂无数据</span>
                </div>
            </div>
            <div class="echart2" id="echar5" ng-show="applyData.clientC" _echarts_instance_="ec_1524794526835"
                 style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"><div
                    style="position: relative; overflow: hidden; width: 588px; height: 292px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;"><canvas
                    width="588" height="292" data-zr-dom-id="zr_0"
                    style="position: absolute; left: 0px; top: 0px; width: 588px; height: 292px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div
                    style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 14px; font-family: &quot;Microsoft YaHei&quot;; line-height: 21px; padding: 5px; left: 344.406px; top: 173px;">客户来源 <br>HT : 51 (71.83%)</div></div>
            <div class="echart3 ng-hide" id="echar6" ng-show="applyData.loanDl" _echarts_instance_="ec_1524794526836"
                 style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;"><div
                    style="position: relative; overflow: hidden; width: 588px; height: 292px; padding: 0px; margin: 0px; border-width: 0px;"><canvas
                    width="588" height="292" data-zr-dom-id="zr_0"
                    style="position: absolute; left: 0px; top: 0px; width: 588px; height: 292px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas></div><div></div></div>
        </span>
            </div>
            <div class="client-pic">客户订单状态
                <span class="noData" style="display: none;">暂无数据</span>
            </div>
            <div id="echartsList">
            <%--<div class="data-clientstate" style="width: 48%" id="echar7" _echarts_instance_="ec_1524794526835"
                 style="-webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: transparent;">
                <div style="position: relative; overflow: hidden; width: 1280px; height: 396px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
                    <canvas width="1280" height="396" data-zr-dom-id="zr_0"
                            style="position: absolute; left: 0px; top: 0px; width: 1280px; height: 396px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                </div>
                <div></div>
            </div>--%>
            </div>
            <%--<span class="data-time ">2018-01-01~2018-04-30</span>--%>
        </div><!-- end ngIf: HbHr.hr289 -->

    </div>
</div>

<script src="static/plugins/echarts/echarts.js?_v=190102162154"></script>
<script type="text/javascript" src="static/js/page/data/customerCount.js?_v=190102162154"></script>
<%@include file="../common/web_bottom.jsp" %>